<!DOCTYPE html>
<html lang="en-us">
<head>
	<meta charset="utf-8">
	<title> 自动化全局配置 </title>
	
	<link rel="stylesheet" type="text/css" media="screen" href="css/common.css">
	<link rel="stylesheet" type="text/css" media="screen" href="css/bootstrap.min-3.2.0.css">
		<link rel="stylesheet" type="text/css" media="screen" href="css/bootstrap.modify.css">
		<link rel="stylesheet" type="text/css" media="screen" href="css/bootstrap-theme.min.css">
	<link rel="stylesheet" type="text/css" media="screen" href="css/expand.css">
		<link rel="stylesheet" type="text/css" media="screen" href="css/daterangepicker-bs3.css">
	<link rel="stylesheet" type="text/css" media="screen" href="css/font-awesome.min.css">
		<link rel="stylesheet" type="text/css" media="screen" href="css/smartadmin-production.css">		
		<link rel="stylesheet" href="css/bootstrap-select.css">
		<link rel="stylesheet" href="css/bootstrapValidator.min.css" />
	<link rel="stylesheet" type="text/css" media="screen" href="css/smartadmin-skins.css">
		<link rel="stylesheet" type="text/css" media="screen" href="css/demo-increase.css">	  
		<link rel="stylesheet" type="text/css" href="css/dataTables.bootstrap.css" /> 
    <link rel="stylesheet" type="text/css" href="css/manhuaTip.1.0.css">   	
  <style type="text/css">
   		table{
 			table-layout: fixed;
 		}
 		td{
 			word-WRAP: break-word;
 		}
		#addautosetting > tr{
			border: 2px solid #EECBAD;
		}
		.addsetting_class .has-feedback .form-control{
			padding-right: 12px;
		}
		.addsetting_class .form-control-feedback {
			width: 15px;
 		}
		.not_Empty_td{
 			background:   none repeat scroll 0 0 #fee2f0  !important;
 		}	
 		.showinfo{
			  display:none;
			  left:1px;
			  top:1px;
			  padding:5px;
			  color:red;
			  position:fixed; 
			  z-index:999999; 
			  border: 1px solid #5e4e3f;
			  background: white;
 		}
   	</style>

</head>
<body id="autog7report" class="desktop-detected" style="height: auto;" onbeforeunload="return myFunction()">
<div class="showinfo">
 不能为空!
</div >
<section class="">
	<!-- row -->
	<div class="row">
		<!-- NEW WIDGET START -->
			<article class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
				<!-- Widget ID (each widget will need unique ID)-->
				<div class="jarviswidget jarviswidget-color-blueLight" id="wid-id-0" data-widget-sortable="true" data-widget-colorbutton="false" data-widget-editbutton="false" data-widget-togglebutton="false" data-widget-deletebutton="false" style="min-height:500px">
					<div role="content">
						<!-- widget content -->
						<div class="widget-body no-padding">
							<!-- 自定义搜索区 -->
							<div class="widget-body-toolbar" >
								<div>
										<label>执行顺序:</label>
									    <div class="btn-group btn-toggle"> 
										    <button type="before" class="btn btn-default">执行前</button>
										    <button type="after" class="btn btn-primary active">执行后</button>
										  </div>
								</div>
								<div role="form" class="smart-form">
									<div class="pull-left global-search-box2">									
										<section class="pull-left no-padding col pull-width160 onlyusefor">
											<label>运行环境</label>
											<label class="select">
												<select class="input-sm" name="index_usefor" id="index_usefor" onchange="LoadModuleByEnv(this);"><option value=1>-DSP_测试环境-</option><option value=2>-DSP_demo环境-</option><option value=3 selected="selected">-DSP_线上环境-</option></select> <i></i>
											</label>
										</section>
										<section class="pull-left no-padding col pull-width140" >
											<label>业务模块</label>
											
											<label class="select">
												<select id="module" class="input-sm" onchange="getSetting();">
												</select>
												<i></i>
											</label>
                                        </section>
                                        <section class="pull-left no-padding col">
											<label></label>
											<label class="select">
											<a class="btn btn-primary btn-sm" type="button" onclick="savesetting();">保存</a>
											</label>
										</section>
								</div>
							</div>
							<div class="row no-margin margin-top-10 margin-bottom-10"> </div>	
							<div id="funcselectionDiv" style="margin-bottom: 5px">
								<a id="rocketmq" class="btn btn-warning" ondragstart="drag(event)" draggable="true" type="button" >rocketMQ</a>
								<a id="message" class="btn btn-warning" ondragstart="drag(event)" draggable="true" type="button" >报文</a>
								<a id="mysql" class="btn btn-warning" ondragstart="drag(event)" draggable="true" type="button" >mysql</a>
								<a id="mongo" class="btn btn-warning" ondragstart="drag(event)" draggable="true" type="button" >mongo</a>
							</div>
 							</div>
							<div style="min-height:500px;margin: 8px 10px;border:2px solid lightgrey" ondragover="allowDrop(event);" ondrop="drop(event);"> 
								<table id="autosetting-add-table" class="table table-striped table-bordered table-hover has-tickbox" style="table-layout:fixed;">
									<tbody id="addautosetting" class="bv-form" novalidate="novalidate">
									</tbody>
								</table>
							</div>				
						
						</div>
						
						<!-- end widget content -->
					</div>
					<!-- end widget div -->
				</div>
				<!-- end widget -->
			</article>
		<!-- WIDGET END -->

	</div>
	<!-- end row -->
</section>
<div id="msg_div" hidden="hidden">
	<div class="row padding-10">
		<div class="col-xs-8 col-sm-8">
		<div class="btn-group">
		<a class="btn btn-default widget-section-link" onclick="addMsg(this);">新增</a>
		<a class="btn btn-default" onclick="removeSelected(this);">删除</a>
		</div>
		</div>
	</div>
	<table class="table table-striped table-bordered table-hover has-tickbox" style="table-layout:fixed;">
		<thead>
		<tr>
		<th class="sorting_disabled center" tabindex="0" rowspan="1" colspan="1" style="width: 5%;text-align: center; white-space: nowrap;">
		<label class="no-margin">
		<input class="checkbox style-0 checkAll" type="checkbox" name="checkbox style-0">
		<span style="margin-right: 0px;"></span>
		</label>
		</th>
		<th name="msg_sendmethod" class="validate_notEmpty" width="10%">发送方法</th>
		<th name="msg_add" class="validate_notEmpty" width="10%">地址</th>
		<th name="msg_port" class="validate_notEmpty" width="5%">端口</th>
		<th name="msg_sendtime" class="validate_notEmpty" width="10%">发送时间</th>
		<th name="msg_format" class="notValidate" width="10%">报文时间格式</th>
		<th name="msg_internal" class="validate_notEmpty" width="5%">时间间隔(s)</th>
		<th name="msg_text" class="validate_notEmpty" width="35%">报文内容(以;分隔)</th>
		<th name="msg_startnum" class="" width="5%">起始行</th>
		<th name="msg_count" class="" width="5%">发送条数</th>
		<th name="msg_key" class="notValidate" width="10%">返回结果map对应key</th>
		</tr>
		</thead>
		<tbody class="addsetting_class">
		<tr>
		<td align="center">
		<input type="checkbox">
		</td>
		<td class="not_Empty_td editable"></td>
		<td class="not_Empty_td editable"></td>
		<td class="not_Empty_td editable"></td>
		<td class="not_Empty_td editable"></td>
		<td class="editable"></td>
		<td class="not_Empty_td editable"></td>
		<td class="not_Empty_td editable"></td>
		<td class="editable"></td>
		<td class="editable"></td>
		<td class="editable"></td>
		</tr>
		</tbody>
	</table>
</div>
<!-- end widget grid -->
<!--================================================== -->

	<!-- PACE LOADER - turn this on if you want ajax loading to show (caution: uses lots of memory on iDevices)
	<script data-pace-options='{ "restartOnRequestAfter": true }' src="js/plugin/pace/pace.min.js"></script>-->

	<!-- Link to Google CDN's jQuery + jQueryUI; fall back to local -->
	<script src="js/libs/jquery-2.0.2.min.js"></script>
	<script>
		if (!window.jQuery) {
			document.write('<script src="js/libs/jquery-2.0.2.min.js"><\/script>');
		}
	</script>

	<script src="js/libs/jquery-ui-1.10.3.min.js"></script>
	<script>
		if (!window.jQuery.ui) {
			document.write('<script src="js/libs/jquery-ui-1.10.3.min.js"><\/script>');
		}
	</script>
	<!-- BOOTSTRAP JS -->
	<script src="js/bootstrap/bootstrap.min-3.2.0.js"></script>
		<script type="text/javascript" src="js/bootstrapValidator.min.js"></script>
	<script src="js/common.js"></script>
	<script src="js/autosetting.js"></script>
  <script type="text/javascript">
	  $(function(){
	
		  $('.btn-toggle').click(function(){
		    var $this = $(this); //找到当前btn-toggle定义的按钮组
		    
		    //这段代码中找到对应的btn-primary定义的按钮并且去掉相关CSS类定义
		    if($this.find('.btn-primary').length>0){
		      $this.find('.btn').toggleClass('btn-primary');
		    }
		    
		    //下面添加其它按钮CSS定义支持
		    if($this.find('.btn-success').length>0){
		      $this.find('.btn').toggleClass('btn-success');
		    }
		    
		    if($this.find('.btn-info').length>0){
		      $this.find('.btn').toggleClass('btn-info');
		    }
	
		    if($this.find('.btn-danger').length>0){
		      $this.find('.btn').toggleClass('btn-danger');
		    }
		    
		    /* 
		     *  这里我们可以修改btn定义不同的切换按钮样式：danger,info,success,primary
		     */
		    
		    $this.find('.btn').toggleClass('btn-default').toggleClass('active');
		    
		  });
	
		});	
  </script>
</body>

</html>
